<template>
  <div class="leftbar">
    <ul>
      <li>
        <i class="iconfont icon-account-fill"></i><br>
        <span>收银</span>
      </li>
      <li>
        <i class="iconfont icon-store-fill"></i><br>
        <span>店铺</span>
      </li>
      <li>
        <i class="iconfont icon-cart-Empty-fill"></i><br>
        <span>商品</span>
      </li>
      <li>
        <i class="iconfont icon-account-fill"></i><br>
        <span>会员</span>
      </li>
      <li>
        <i class="iconfont icon-order"></i><br>
        <span>统计</span>
      </li>
      <li>
        <i class="iconfont icon-conditions"></i><br>
        <span>设置</span>
      </li>
    </ul>
  </div>
</template>
<script>
export default {

}
</script>
<style lang="less" scoped>
.leftbar {
  float: left;
  width: 5%;
  text-align: center;
  font-size: 10px;
  color: #cccccc;
  height: 100%;
  background-color: #1d8ce0;
}
.iconfont {
  font-size: 32px;
}
li {
  padding-top: 10px;
  border-bottom: 1px solid #cccccc;
  list-style: none;
  height: 60px;
}
li:hover {
  color: #1d8ce0;
  background-color: #cccccc;
  cursor: pointer;
}
</style>
